<template>
    <div class="w-full h-full flex flex-col">
        <div class="w-full flex flex-row ">
            <el-select class="w-w1/5" v-model="s_order.m_screen.goodsType" placeholder="请选择商品类型" clearable
                @clear="action_list_order" @change="action_list_order">
                <el-option :label="'心理测评'" :value="1">
                </el-option>
                <el-option :label="'专家咨询'" :value="2">
                </el-option>
            </el-select>
            <el-select class="w-w1/5 ml-w10" v-model="s_order.m_screen.status" placeholder="请选择订单状态" clearable
                @clear="action_list_order" @change="action_list_order">
                <el-option :label="'未支付'" :value="1">
                </el-option>
                <el-option :label="'已支付'" :value="2">
                </el-option>
                <el-option :label="'已取消'" :value="0">
                </el-option>
            </el-select>
            <el-date-picker class="w-w1/5 ml-w10" v-model="s_order.m_screen.time" type="date" value-format="timestamp"
                placeholder="选择日期" @change="action_list_order" clearable>
            </el-date-picker>
        </div>
        <div class="w-full h-full mt-w20 ">
            <el-table :data="s_order.list_order" stripe style="width: 100%; " height="660">
                <el-table-column type="index" label="序号" min-width="5%">
                </el-table-column>
                <el-table-column prop="orderNum" label="订单编号" min-width="15%">
                </el-table-column>
                <el-table-column prop="goodsName" label="商品名称" min-width="15%">
                </el-table-column>
                <el-table-column prop="goodsPrice" label="商品价格" min-width="8%">
                </el-table-column>
                <el-table-column prop="createTime" label="下单时间" min-width="15%">
                </el-table-column>
                <el-table-column prop="wxOrderNum" label="支付订单" min-width="15%">
                </el-table-column>
                <el-table-column prop="payPrice" label="支付金额" min-width="8%">
                </el-table-column>
                <el-table-column prop="payTime" label="支付时间" min-width="15%">
                </el-table-column>
                <el-table-column prop="payType" label="支付方式" min-width="10%">
                </el-table-column>
                <el-table-column prop="coupon" label="优惠券码" min-width="10%">
                </el-table-column>
                <el-table-column prop="payTime" label="订单状态" min-width="10%">
                    <template slot-scope="scope">
                        <div class=" text-f15 " :class="action_status_text_style(scope.row.status)">{{
                                action_status_text(scope.row.status)
                        }}</div>
                    </template>
                </el-table-column>
                <el-table-column label="操作" min-width="10%">
                    <template slot-scope="scope">
                        <el-button :disabled="scope.row.status == 1 || scope.row.status == 0" type="text"
                            @click="action_info_data(scope.row.type, scope.row.orderNum)" class="mr-w10">
                            下单信息
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="w-full flex items-end justify-center" style="height:7%">
                <el-pagination background layout="prev, pager, next" :total="s_order.m_page.total"
                    :page-size="s_order.m_page.limit" @current-change="action_page_change">
                </el-pagination>
            </div>
        </div>
        <UiDialogOrderAssessInfo :is_showDialog="dialog_inif_assess" :data="s_order.m_user_assess_info"
            @nydialog_closed="dialog_inif_assess = false"></UiDialogOrderAssessInfo>
        <UiDialogOrderExpertInfo :is_showDialog="dialog_info_expert" :data="s_order.m_user_expert_info"
            @nydialog_closed="dialog_info_expert = false"></UiDialogOrderExpertInfo>
    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped>

</style>
